<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>潍坊学院-学工在线</title>
    <script src="js/jquery-3.6.0.min.js"></script>
    <script src="js/nav-bar.js"></script>
    <script src="js/main.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/bootstrap.js"></script>
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
  <a class="logo" href="#">
      <img class="logo_img" src="images/logo.png" alt="">
      <h1>Logo</h1>
      <h3>website here</h3>
  </a>
  <div class="flex-1 header_flex_box"></div>
  <div class="header_right_box">
    Ad Block
  </div>
</header>
<div frag="窗口2">
    <div frag="窗口内容">
        <nav id="nav-bar">
          <div id="nav-bar-inner">  
            <div id="show-nav">
              <i class="glyphicon glyphicon-menu-hamburger"></i>
            </div>
            <!--[NaviStructBegin]-->
            <ul>
                <!--[NaviItemCycleBegin]-->
                <li data-nav-aside='{"title":"导航","index":0}'><a href="{栏目URL}" target="{打开方式}">{栏目名称}</a></li>
                <!--[NaviItemCycleEnd]-->
            </ul>
            <!--[NaviStructEnd]-->
          </div>
        </nav>
    </div>
</div>
<div frag="窗口1">
    <div frag="窗口内容">
        <div id="focus">
            <ul id="focus-box">
                <!--[InfoCycleBegin]-->
                <li class="focus-item">
                    <a href="{文章URL}">
                        <img src="{图片路径}" alt="">
                        <p>{标题内容}</p>
                    </a>
                </li>
                <!--[InfoCycleEnd]-->
            </ul>
            <div id="prev_swiper"><i class="glyphicon glyphicon-chevron-left"></i></div>
            <div id="next_swiper"><i class="glyphicon glyphicon-chevron-right"></i></div>
        </div>
    </div>
</div>
<main id="news_box">
    <div class="news_box_item">
        <div class="title">
            <span class="title_block" data-module="0" data-index="0">专题图片</span>
        </div>
        <div class="content">
            <div class="content_block">
                <div frag="窗口3">
                    <div frag="窗口内容">
                        <div class="news_swiper">
                            <ul class="news_swiper_list">
                                <!--[InfoCycleBegin]-->
                                <li class="news_swiper_item">
                                    <a href="{文章URL}">
                                        <img src="{图片路径}" class="news_swiper_img">
                                        <span class="news_swiper_title">{标题内容}</span>
                                    </a>
                                </li>
                                <!--[InfoCycleEnd]-->
                            </ul>
                            <ul class="news_swiper_dot_box">
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="news_box_item">
        <div class="title">
            <span class="title_block" data-module="1" data-index="0">专题1</span>
<!--        <span class="title_block" data-module="1" data-index="1">专题2</span>-->
        </div>
        <div class="content">
            <div class="content_block">
                <div frag="窗口4">
                    <div frag="窗口内容">
                        <ul class="article_list">
                            <!--[InfoCycleBegin]-->
                            <li class="article">
                                <div class="article_title">
                                    <a href="{文章URL}">{标题内容}</a>
                                </div>
                                <div class="flex-1"></div>
                                <div class="article_time">{发布时间}</div>
                            </li>
                            <!--[InfoCycleEnd]-->
                        </ul>
                    </div>
                </div>
            </div>
            <div class="content_block">
                <div frag="窗口5">
                    <div frag="窗口内容">
                        <ul class="article_list">
                            <!--[InfoCycleBegin]-->
                            <li class="article">
                                <div class="article_title">
                                    <a href="{文章URL}">{标题内容}</a>
                                </div>
                                <div class="flex-1"></div>
                                <div class="article_time">{发布时间}</div>
                            </li>
                            <!--[InfoCycleEnd]-->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="news_box_item">
        <div class="title">
            <span class="title_block" data-module="2" data-index="0">专题3</span>
<!--            <span class="title_block" data-module="2" data-index="1">专题4</span>-->
        </div>
        <div class="content">
            <div class="content_block">
                <div frag="窗口6">
                    <div frag="窗口内容">
                        <ul class="article_list">
                            <!--[InfoCycleBegin]-->
                            <li class="article">
                                <div class="article_title">
                                    <a href="{文章URL}">{标题内容}</a>
                                </div>
                                <div class="flex-1"></div>
                                <div class="article_time">{发布时间}</div>
                            </li>
                            <!--[InfoCycleEnd]-->
                        </ul>
                    </div>
                </div>
            </div>
            <div class="content_block">
                <div frag="窗口7">
                    <div frag="窗口内容">
                        <ul class="article_list">
                            <!--[InfoCycleBegin]-->
                            <li class="article">
                                <div class="article_title">
                                    <a href="{文章URL}">{标题内容}</a>
                                </div>
                                <div class="flex-1"></div>
                                <div class="article_time">{发布时间}</div>
                            </li>
                            <!--[InfoCycleEnd]-->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
  </main>
<div class="friendly_link">
    <div frag="窗口8">
        <div frag="窗口内容">
            <ul class="link_list">
                <li class="link_item">友情链接:</li>
                <!--[InfoCycleBegin]-->
                <li class="link_item">
                    <a href="{文章URL}">{标题内容}</a>
                </li>
                <!--[InfoCycleEnd]-->
            </ul>
        </div>
    </div>
</div>
<div class="footer">
    <p>模板开发维护：正义OvO</p>
    <p class="copyright-min">此模板的最终所有权及解释权归 正义OvO (Gitee) 所有</p>
    <p class="copyright-min">模板主仓库: https://gitee.com/zhengyi59/wfu_m_civilization_webplus</p>
    <p class="copyright-min">模板版本 Version 1.2</p>
</div>
</body>
</html>